<template>
	<div>
		
		<van-nav-bar title="社区" left-arrow
		@click-left="onClickLeft"
  @click-right="onClickRight">
  <van-icon name="search" slot="right" />
</van-nav-bar>

<van-row type="flex" justify="space-around">
  <van-col span="6">
	  <router-link tag="dl" to="/pregnancy?id=1">	  
		  
		  <dt><img src="https://img.yzcdn.cn/vant/cat.jpeg" alt=""></dt>
		  <dd>备孕</dd>
	  </router-link>
	</van-col>
  <van-col span="6" >
	  <router-link tag="dl" to="/afterattention?id=2">	  
	  		 
	  		  <dt><img src="https://img.yzcdn.cn/vant/cat.jpeg" alt=""></dt>
				 <dd>
			孕期
				</dd>
	  </router-link>
  </van-col>
  <van-col span="6">
	  <router-link tag="dl" to="//pregnancy?id=3">	  
	  		  
	  		  <dt><img src="https://img.yzcdn.cn/vant/cat.jpeg" alt="">	</dt>
				<dd>
				育儿
				</dd>
	  </router-link>
  </van-col>
  <van-col span="6">
	  <router-link tag="dl" to="//pregnancy?id=4">
	  <dt><img src="https://img.yzcdn.cn/vant/cat.jpeg" alt=""></dt>	  
	  		  <dd>
			家常
				</dd>
	  		  
	  </router-link>
  </van-col>
  <van-col span="6">
	 <router-link tag="dl" to="//pregnancy?id=5">	  
	 		
	 		  <dt><img src="https://img.yzcdn.cn/vant/cat.jpeg" alt=""></dt>
			     <dd>
			旅行
			   </dd>
	 </router-link>
  </van-col>
</van-row>

<div class="center">
	<router-view></router-view>
</div>

	</div>
</template>

<script>
	export default{
		name:'Pregnancy',
		data(){
			return{
				
			}
		},
		methods:{
			onClickLeft() {
           this.$router.go(-1)
			 },
	      onClickRight() {
				
			 },
			 
  },
		mounted(){
			
	}
}
</script>


<style scoped>
	
	.van-nav-bar{
		width:375px;		
		background-color:#EAEAEA;
		height: 86px;
		position: relative;
	}
	.van-nav-bar__left{
		width: 15px;
		height: 15px;	   
		position: absolute;
		top:8px;
	}	
	.van-icon{
		width: 15px;
		height: 15px;
		color: #000000;
		font-weight: bold;
		font-size: 15px;
		position: absolute;
		
	}
 
	.van-nav-bar__right{
		 width: 15px;
		 height: 15px;	
		 color: #000000;
		 font-weight: bold;
		 position: absolute;
		 top:8px;
		}
		
	.van-nav-bar__title{						
		color: rgba(100, 100, 100, 1);
		font-size: 16px;
		text-align: center;		
		font-family: Arial;
		width:94px;
		height:24px;
		background: #E3E3E3;
		line-height:24px ;
		position:absolute;
		left:139px;
		top:6px;
	}
	.van-row{
		height:75px;
		background:linear-gradient(#EAEAEA 10%,#fff 90%)
	}
	.van-col{
		width: 44px;
	}
	.van-col dl{
		flex: 1;
		text-align: center
		
	}
	.van-col dl img{
		width: 44px;
		height: 44px;
		border-radius: 50%
	}
	
</style>
